<!DOCTYPE html>

<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->

<html class="not-ie" lang="en">
<!--<![endif]-->
    
<head>
<title>{{ isset($title) ? $title : 'Site Title'}}</title>
<meta charset="utf-8">
<meta name="keywords" content="{{ isset($seo->keywords) ? $seo->keywords : ''}}">
<meta name="description" content="{{ isset($seo->description) ? $seo->description : ''}}">
<meta name="author" content="Muharrem Tığdemir" />
<!-- google web font-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>

<!-- style sheets-->
<link rel="stylesheet" media="all" href="{{URL::to('/assets')}}/css/bootstrap.css" type="text/css"/>
<link rel="stylesheet" media="all" href="{{URL::to('/assets')}}/css/custom.css" type="text/css"/>

<!-- main jquery libraries / others are at the bottom-->
<script src="{{URL::to('/assets')}}/js/jquery.min.js" type="text/javascript"></script>
<script src="{{URL::to('/assets')}}/js/modernizr.js" type="text/javascript"></script>


<!-- Add fancyBox -->
<link rel="stylesheet" href="{{URL::to('/assets')}}/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="{{URL::to('/assets')}}/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>


<link rel="stylesheet" href="{{URL::to('/assets')}}/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="{{URL::to('/assets')}}/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="{{URL::to('/assets')}}/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<!-- Thumbnail helper -->
<link rel="stylesheet" href="{{URL::to('/assets')}}/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="{{URL::to('/assets')}}/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
</head>
<script type="text/javascript">
	$(document).ready(function() {
            $(".fancybox-thumb").fancybox({
                helpers	: {
			title	: {
				type: 'outside'
			},
			thumbs	: {
				width	: 50,
				height	: 50
			}
		},
                beforeShow: function () {
                    /* Disable right click */
                    $.fancybox.wrap.bind("contextmenu", function (e) {
                            return false; 
                    });
                }
            });
	});
        
        
        /*$(".fancybox-thumb").fancybox({
		prevEffect	: 'none',
		nextEffect	: 'none',
		helpers	: {
			title	: {
				type: 'outside'
			},
			thumbs	: {
				width	: 50,
				height	: 50
			}
		}
	});*/
</script>
<body>
    

<!-- Facebook -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/sdk.js#xfbml=1&appId=274492589405256&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
<!-- END Facebook -->


<!-- Settings -->
<div class="settings">
    <span class="glyphicon glyphicon-question-sign"></span>
</div>
<!-- end Settings -->

<!-- Top icons -->
<a class="top-menu hidden-xs hidden-sm" data-tooltip="tooltip" data-placement="top" title="Menu toggle"><span class="glyphicon glyphicon-th-list"></span></a>
<a href="#" class="top-download-resume hidden-xs hidden-sm" data-tooltip="tooltip" data-placement="top" title="Download resume"><span class="glyphicon glyphicon-cloud-download"></span></a>
<a href="#contactModal" class="top-contact hidden-xs hidden-sm" data-toggle="modal" data-tooltip="tooltip" data-placement="top" title="İletişim"><span class="glyphicon glyphicon-send"></span></a>
<!-- end Top icons -->

<!-- Navigation -->
<nav id="spy" class="spy hidden-sm hidden-xs">
    <ul>
        @foreach($categories as $category)
            <li class="active"><a href="{{URL::to($category->slug)}}" data-name="{{$category->slug}}">{{$category->name}}</a></li>
        @endforeach
    </ul>
</nav>
<!-- end Navigation -->
    
<!-- Navigation for small devices -->
<nav id="mini-nav" class="spy visible-sm visible-xs">
    <ul>
        <li class="dropdown" style="list-style-image: 'http://localhost:8000/assets/img/ls_city.png'" >
            <a class="dropdown-toggle" data-toggle="dropdown">Menu</a>
            <ul class="dropdown-menu">                
                @foreach($categories as $category)
                    <li class="active"><a href="#profile" data-name="{{$category->slug}}">{{$category->name}}</a></li>
                @endforeach
            </ul>
        </li>
      </ul>
</nav>
<!-- end Navigation for small devices -->
    
<!-- Header -->
<header id="header">
    <div class="container">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2 text-center">                
                <hr class="empty">
                <p class="header-name">{{$title}}</p>
                <p>
                    @include('social.buttons')
                </p>
                <p class="header-title">{{$head_title}}</p>
                <p class="header-subtitle"><b>Hello my name is Mark William Connor</b> and I'm a Web Designer & Web Developer from Melbourne, Australia. In pharetra orci dignissim, blandit mi semper, ultricies diam. Suspendisse malesuada suscipit nunc non volutpat. Sed porta nulla id orci laoreet tempor non consequat enim. Sed vitae aliquam velit. Aliquam ante erat, blandit at pretium et, accumsan ac est. Integer vehicula rhoncus molestie. Morbi ornare ipsum sed sem condimentum, et pulvinar tortor luctus. Suspendisse condimentum lorem ut elementum aliquam. Mauris nec erat ut libero vulputate pulvinar.</p>
            </div>
        </div>
    </div>
</header>
<!-- end Header -->